<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Texas Hold'em Poker</title>
<link type="text/css" rel="stylesheet" href="pokercss.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.js"></script>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript" src="functions.js"></script>
<script type="text/javascript" src="animations.js"></script>

</head>
<body>
<div class="body">
		<div id="Header">Texas Hold'em Poker (Limit version)</div>
		<div id="table">
			<IMG class="table" src="images/table2.jpg">
			<div class="carddeck">
				<img id="carddeck" src="images/card_back.jpg">
				<div>Card deck</div>
			</div>
			<div>
				<img class="table_cards" id="t_card1" src="images/card_back.jpg">
				<img class="table_cards" id="t_card2" src="images/card_back.jpg">
				<img class="table_cards" id="t_card3" src="images/card_back.jpg">
				<img class="table_cards" id="t_card4" src="images/card_back.jpg">
				<img class="table_cards" id="t_card5" src="images/card_back.jpg">
			</div>
			<form id="menu">
				<input type=button id="exit" value="Exit" onClick="exitwindow()">
				<input type=button id="restart" value="Restart" onClick="restartgame()">
			</form>
			<div class="bank">
				<b>Bank</b>
				<div id="bank">0</div>
			</div>
			<div id="player_cards">
				<img class="player_cards" id="player1_1" src="images/card_back.jpg">
				<img class="player_cards" id="player1_2" src="images/card_back.jpg">
				<img class="player_cards" id="player2_1" src="images/card_back.jpg">
				<img class="player_cards" id="player2_2" src="images/card_back.jpg">
				<img class="player_cards" id="player3_1" src="images/card_back.jpg">
				<img class="player_cards" id="player3_2" src="images/card_back.jpg">
				<img class="player_cards" id="player4_1" src="images/card_back.jpg">
				<img class="player_cards" id="player4_2" src="images/card_back.jpg">
				<img class="player_cards" id="player5_1" src="images/card_back.jpg">
				<img class="player_cards" id="player5_2" src="images/card_back.jpg">
				<img class="player_cards" id="player6_1" src="images/card_back.jpg">
				<img class="player_cards" id="player6_2" src="images/card_back.jpg">
				<img class="player_cards" id="player7_1" src="images/card_back.jpg">
				<img class="player_cards" id="player7_2" src="images/card_back.jpg">
				<img class="player_cards" id="player8_1" src="images/card_back.jpg">
				<img class="player_cards" id="player8_2" src="images/card_back.jpg">
				<img class="player_cards" id="player9_1" src="images/card_back.jpg">
				<img class="player_cards" id="player9_2" src="images/card_back.jpg">
			</div>
			<img id="overcarddeck" src="images/card_back.jpg">
			<div id="players">
				<div class="players" id="player1">
					<div id="pl1_name">Unnamed</div>
					<div>$ <b id="pl1_bank">100</b></div>
					<div id="pl1_state"></div>
				</div>
				<div class="players" id="player2">
					<div id="pl2_name">James</div>
					<div>$ <b id="pl2_bank">100</b></div>
					<div id="pl2_state"></div>
				</div>
				<div class="players" id="player3">
					<div id="pl3_name">Frank</div>
					<div>$ <b id="pl3_bank">100</b></div>
					<div id="pl3_state"></div>
				</div>
				<div class="players" id="player4">
					<div  id="pl4_name">John</div>
					<div>$ <b id="pl4_bank">100</b></div>
					<div id="pl4_state"></div>
				</div>
				<div class="players" id="player5">
					<div  id="pl5_name">Artur</div>
					<div>$ <b id="pl5_bank">100</b></div>
					<div id="pl5_state"></div>
				</div>
				<div class="players" id="player6">
					<div  id="pl6_name">Aleksander</div>
					<div>$ <b id="pl6_bank">100</b></div>
					<div id="pl6_state"></div>
				</div>
				<div class="players" id="player7">
					<div id="pl7_name">Bill</div>
					<div>$ <b id="pl7_bank">100</b></div>
					<div id="pl7_state"></div>
				</div>
				<div class="players" id="player8">
					<div id="pl8_name">Harry</div>
					<div>$ <b id="pl8_bank">100</b></div>
					<div id="pl8_state"></div>
				</div>
				<div class="players" id="player9">
					<div id="pl9_name">Sue</div>
					<div>$ <b id="pl9_bank">100</b></div>
					<div id="pl9_state"></div>
				</div>
			</div>
			<div id="dealers">
				<img class="dealer" id="dealer1" src="images/dealer.jpg">
				<img class="dealer" id="dealer2" src="images/dealer.jpg">
				<img class="dealer" id="dealer3" src="images/dealer.jpg">
				<img class="dealer" id="dealer4" src="images/dealer.jpg">
				<img class="dealer" id="dealer5" src="images/dealer.jpg">
				<img class="dealer" id="dealer6" src="images/dealer.jpg">
				<img class="dealer" id="dealer7" src="images/dealer.jpg">
				<img class="dealer" id="dealer8" src="images/dealer.jpg">
				<img class="dealer" id="dealer9" src="images/dealer.jpg">
			</div>
			<div id="bets">
				<div class="playerbet" id="pl_1_bet">0</div>
				<div class="playerbet" id="pl_2_bet">0</div>
				<div class="playerbet" id="pl_3_bet">0</div>
				<div class="playerbet" id="pl_4_bet">0</div>
				<div class="playerbet" id="pl_5_bet">0</div>
				<div class="playerbet" id="pl_6_bet">0</div>
				<div class="playerbet" id="pl_7_bet">0</div>
				<div class="playerbet" id="pl_8_bet">0</div>
				<div class="playerbet" id="pl_9_bet">0</div>
			</div>
			<div id="chat">
				<div id="chat_content">
				</div>
			</div>
			<form id="chat_input">
				<input type='text' id='userInput' value='' onkeypress="return event.keyCode!=13"/>
				<input type="reset" value="Send" onclick="addText()"/>
			</form>
			<form id="actions">
				<input type=button id="bet" value="Bet" onClick="">
				<input type=button id="check" value="Check" onClick="">
				<input type=button id="raise" value="Raise" onClick="">
				<input type=button id="call" value="Call" onClick="">
				<input type=button id="fold" value="Fold" onClick="">
			</form>
			<form class="continue">
				<input type=button id="continue" value="Continue" onClick="">
			</form>
		</div>
</div>
</body>
</html>
